@charset "utf-8";
@import "login";
$width:1190px;
$chover:#e5004f;
#top .right h3 {
    background-position: 0 -24px;
}

#content .left{
    position: relative;
    .register{
    width: 385px;
    .r-t{
        width: 385px;
        background: #fff;
        border-bottom: 2px solid $chover;
    a{
        display: block;
        height: 40px;
        text-align: center;
        line-height: 40px;
        font: 16px/40px '';
        
        }
    }
    .r-b{
        
        h3{
            height: 39px;
            width: 100%;
            background: #f5f5f5;
            span{float: right;display: block;width: 60px;height: 39px;}
            a{
                 float: right;
                 color: $chover;
                 line-height: 39px;
                 margin-right: 25px;
            }
            
        }
        p span{color: $chover;float: none;display:inline-block;margin-left: 20px;line-height: 42px;}
        p{height: 43px;border-top: 1px solid #ccc;padding-left: 20px;background: #fff;line-height: 43px;}
        p:last-child{border-bottom: 1px solid #ccc;}
        input{border: none;line-height: 42px;}
    }
    .r-b-b{
         background: #f5f5f5;
         color: #666;
         padding-bottom: 25px;
        h4{height: 40px;line-height: 40px;margin-left: 10px;background: #f5f5f5;}
        p{ background: #f5f5f5;border: none;font:12px/16px ''; padding: 10px;}
    }
         .button{
             display: block;
             width: 308px;
             height: 35px;
             text-align: center;
             line-height: 35px;
             color: #f9f9f9;
             border: none;
             border-radius: 5px;
             background: #ccc;
             margin:20px 0 20px 40px;
         }
    }
    #yanzhen{
        vertical-align: middle;
        input{float: left;}
        a{float: right;
          display: block;
          height: 28px;
          width: 90px;
          line-height: 28px;
          text-align: center;
          border: 1px solid #ccc;
          border-radius: 5px;
          margin-top: 7px;
          margin-right: 25px;
          cursor: pointer;
        }
    }
}

#dialog{
    position: absolute;
    width: 385px;
    height: 460px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    div{
        width: 80%;
        max-width: 360px;
        border-radius: 6px;
        background-color: rgb(255, 255, 255);
    }
    h3{
        text-align: center;
        padding: 15px 15px 0px;
        font-size: 20px;
        font-weight: 100;
        color: rgb(51, 51, 51);
    }
    p{
        text-align: center;
        padding: 30px 15px;
        font-size: 15px;
        color: rgb(102, 102, 102);
        word-wrap: break-word;
        word-break: break-all;
    }
    button{
        border: none;
        border-top: 1px solid rgb(230, 230, 230);
        padding:0 20px;
        width: 100%;
        font-size: 17px;
        text-align: center;
        color: rgb(255, 59, 127);
        line-height: 38px;
        background: none;
        
    }
}
